<template>
	<view class="repair">
		<image :src="baseUrl+'assets/static/creatbg.png'" class="creatBg"></image>
		<view class="repair_main">
			<view class="repair-input">
				<view class="online" @tap="onlineluru">
					<image src="../../static/pen.png" mode=""></image>
					<text>在线录入</text>
				</view>
				<view class="fulNew">
					<view class="fulNew_left">
						客户
					</view>
					<view class="fulNew_right">
						<xfl-select :list="list" :clearable="false" :showItemNum="5" :listShow="false"
							:isCanInput="true" :style_Container="'height: 50rpx; font-size: 16px;width:350rpx'"
							:placeholder="'请选择客户'" :focusShowList='"showList1Hospilal"' :selectHideType="'hideAll'"
							@change='hospitalEven()' @input='manualSerachHospital()'>
						</xfl-select>
					</view>
				</view>
				<view class="fulNew">
					<view class="fulNew_left">
						科室
					</view>
					<view class="fulNew_right">
						<xfl-select :list="list1" :clearable="false" :showItemNum="5" :listShow="false"
							:isCanInput="true" :focusShowList='"showList2Hospilal"'
							:style_Container="'height: 50rpx; font-size: 16px;width:350rpx'" :placeholder="'请选择科室'"
							@change='departmentEven()' @input='manualSerachDepartment()'>
						</xfl-select>
					</view>
				</view>
				<view class="fulNew">
					<view class="fulNew_left">
						类别
					</view>
					<view class="fulNew_right">
						<xfl-select :list="list2" :clearable="false" :showItemNum="5" :listShow="false"
							:isCanInput="true" :focusShowList='"showList3Hospilal"'
							:style_Container="'height: 50rpx; font-size: 16px;width:350rpx'" :placeholder="'请选择类别'"
							:selectHideType="'hideAll'" @change='equipmentEven()' @input='manualSerachEquipment()'>
						</xfl-select>
					</view>
				</view>

				<view class="fulNew">
					<view class="fulNew_left">
						品牌
					</view>
					<view class="fulNew_right">
						<xfl-select :list="list4" :clearable="false" :showItemNum="5" :listShow="false"
							:isCanInput="true" :focusShowList='"showList5Hospilal"'
							:style_Container="'height: 50rpx; font-size: 16px;width:350rpx'" :placeholder="'请选择品牌'"
							:selectHideType="'hideAll'" @change='pinpaiEven()' @input='pinpaiSerachEquipment()'>
						</xfl-select>
					</view>
				</view>
				<view class="fulNew">
					<view class="fulNew_left">
						型号
					</view>
					<view class="fulNew_right">
						<xfl-select :list="list5" :clearable="false" :showItemNum="5" :listShow="false"
							:isCanInput="true" :focusShowList='"showList6Hospilal"'
							:style_Container="'height: 50rpx; font-size: 16px;width:350rpx'" :placeholder="'请选择型号'"
							:selectHideType="'hideAll'" @change='xinghaoEven()' @input='xinghaoSerachEquipment()'>
						</xfl-select>
					</view>
				</view>
				<view class="fulNew">
					<view class="fulNew_left">
						设备序列号
					</view>
					<view class="fulNew_right">
						<xfl-select :list="list3" :clearable="false" :showItemNum="5" :listShow="false"
							:isCanInput="true" :focusShowList='"showList4Hospilal"'
							:style_Container="'height: 50rpx; font-size: 16px;width:350rpx'" :placeholder="'请选择设备序号'"
							:selectHideType="'hideAll'" @change='serialNoEven()' @input='serialNoEquipment()'>
						</xfl-select>
					</view>
				</view>
				<view class="fulNew">
					<view class="fulNew_left">
						合同类型
					</view>
					<view class="fulNew_right">
						<xfl-select :list="contract_status_data" :clearable="false" :showItemNum="5" :listShow="false"
							:isCanInput="false" :focusShowList='"showList8Hospilal"'
							:style_Container="'height: 50rpx; font-size: 16px;width:350rpx'" :placeholder="'请选择合同类型'"
							:selectHideType="'hideAll'" @change='bindChange()'>
						</xfl-select>
					</view>
				</view>
			</view>
			<view class="repair-m">

				<!-- <view class="repair-m-f">
					<view class="repair-m-f-n">  </view>
					<view class="repair-m-f-i"> <picker mode="selector" :range="contract_status_data" :value="contract_default"
							@change="bindDateChange">
							<view class="uni-input">{{contract_default || '请选择'}}</view>
						</picker>
						<view class="arrow" /></view>
				</view> -->

				<view class="repair-m-f">
					<view class="repair-m-f-n"> 软件版本 </view>
					<view class="repair-m-f-i"> {{equipmentData.software_version||'未更新'}} </view>
				</view>
				<view class="repair-m-f">
					<view class="repair-m-f-n" style="width: 48%;"> 附件 </view>
					<view class="repair-m-f-i"> {{equipmentData.enclosure||'未更新'}} </view>
				</view>
			</view>

			<view class="repair-w">
				<view class="repair-m-n">
					<view class="repair-left" /> 联系人信息
				</view>
				<view class="repair-mes">
					<view class="repair-mes_t"> 联系人 </view>
					<view class="repair-mes_b">
						<input type="text" v-model="contacts"
							placeholder-style="font-size:28rpx;line-height:50rpx;color:#B6BDBD;" placeholder="请输入内容" />
					</view>
				</view>
				<view class="repair-mes">
					<view class="repair-mes_t"> 联系电话 </view>
					<view class="repair-mes_b">
						<input type="number" v-model="mobile"
							placeholder-style="font-size:28rpx;line-height:50rpx;color:#B6BDBD;" placeholder="请输入内容" />
					</view>
				</view>
				<view class="repair-mes">
					<view class="repair-mes_t"> 预约时间 </view>
					<view class="repair-mes_b">
						<picker mode="date" :value="yuyue_time" @change="bindDateChange">
							<view class="uni-input">{{yuyue_time || '请选择'}}</view>
						</picker>
						<image src="../../static/arrow.png" class="arrow" mode=""></image>
					</view>
				</view>
				<view class="repair-mes">
					<view class="repair-mes_t"> 设备故障描述 </view>
					<view class="repair-mes_b">
						<textarea v-model="describe"
							placeholder-style="font-size:28rpx;line-height:50rpx;color:#B6BDBD;width:700rpx;"
							style="height:160rpx" placeholder="请输入内容" />
					</view>
				</view>
				<view class="repair-mes">
					<view class="repair-mes_t"> 故障图片/视频上传 </view>
					<view class="repair-img">
						<view class="repair-w-q-i-a" v-for="(item, index) in imgs_list" :key='index'>
							<image src="../../static/delect.png" mode="" class="del_img" @tap="del_img(index)"></image>
							<image v-if="item.type == 'image'" :src="item.url" mode="" style="width: 100%; height: 100%;" />
							<view v-else class="video-box">视频已上传</view>
						</view>
						<view class="repair-w-q-i-c" @tap="upImgs">
							<image src="../../static/add.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="submit" @tap="btnJump">
			提交
		</view>
	</view>
</template>

<script>
	import xflSelect from '@/components/xfl-select/xfl-select.vue';
	import baseUrl from '@/request/baseUrl.js'
	export default {
		components: {
			xflSelect //注册为子组件
		},
		data() {
			return {
				contract_status_data: ['单次保养合同', '单次维修合同'],
				warranty_type: null, //	合同状态:0=技术保合同,1=无合同,2=标准:白金合同,3=单次合同   6单次维修合同、5单次保养合同、4整机铂金保合同、3整机金保合同、2整机银保合同、1整机技术保合同、0无合同
				baseUrl: baseUrl,
				showList1Hospilal: false, //客户自动弹框
				showList2Hospilal: false, //科室自动弹框
				yuyue_time: "",
				showList3Hospilal: false, //设备自动弹框
				showList4Hospilal: false, //设备序号自动弹框
				showList5Hospilal: false,
				showList6Hospilal: false,
				imgs_list: [], // 附件图片
				describe: '', //问题描述
				contacts: '', //联系人,
				mobile: '', //手机号
				departmentList_id: null, //科室id
				pinpai_id: null,
				hospital_id: null, //客户id
				software_version: '', //系统版本
				hospitalList: [], //客户列表
				list: [], //客户下拉框列表
				departmentList: [], //科室列表
				list1: [ //科室要展示的数据
				],
				equipmentList: [], //设备列表
				list2: [ //设备要展示的数据
				],
				serialNoList: [], //设备序号列表
				pinPaiList: [],
				xinghaoList: [],
				xuLieList: [],
				list3: [],
				list4: [],
				list5: [],
				equipment_id: null, //设备id
				equipmentData: {}, //设备信息
				serialNo_id: null, // 序号id,
				xinghao_id: null,
				isSubmit: false,
			}
		},
		onLoad() {
			this.getHospital()
		},
		methods: {
			bindChange(e) {
				this.warranty_type = e.index + 5
				console.log(e, 'eeeeeeeeeeeeeee', this.warranty_type)
			},
			/* 在线录入 */
			onlineluru() {
				uni.navigateTo({
					url: './onlinecreate'
				})
			},

			/* 获取客户列表 */
			getHospital() {
				this.$https.post('/hospital/search', {
					name: ''
				}).then(res => {
					this.hospitalList = res.data
					this.hospitalList.forEach(item => {
						this.list.push(item.name)
					})
				})
			},
			/* 获取科室列表 */
			getDepartment(id) {
				this.$https.post('/phase/getDepartment', {
					hospital_id: id
				}).then(res => {
					console.log(res, 15);
					this.departmentList = res.data
					this.departmentList.forEach(item => {
						this.list1.push(item.name)
					})
				})
			},
			/* 获取设备列表 */
			getEquipmentList(id) {
				// phase/getEquipmentList

				this.$https.post('/phase/getLeibieByDepartmentId', {
					department_id: id
				}).then(res => {
					this.equipmentList = res.data
					this.equipmentList.forEach(item => {
						this.list2.push(item.name)
					})
				})
			},
			getPinpaiList(id, sid) {
				this.$https.post('/phase/getPinpaiByDepartmentId', {
					department_id: id,
					leibie_id: sid,
				}).then(res => {
					console.log(res.data, '--')
					this.pinPaiList = res.data
					this.pinPaiList.forEach(item => {
						this.list4.push(item.name)
					})

				})
			},
			getSerialNoList(id, sid) {
				this.$https.post('/phase/getEquipmentByXinghaoIdAndDepartmentId', {
					department_id: id,
					xinghao_id: sid,
				}).then(res => {
					console.log(res.data, '--')
					this.serialNoList = res.data
					this.serialNoList.forEach(item => {
						this.list3.push(item.serial)
					})

				})
			},
			getXinghaoList(id, sid) {
				this.$https.post('/phase/getXinghaoByDepartmentId', {
					department_id: id,
					pinpai_id: sid,
				}).then(res => {
					console.log(res.data, '--')
					this.xinghaoList = res.data
					this.xinghaoList.forEach(item => {
						this.list5.push(item.name)
					})
				})
			},
			/* 手动搜索客户 */
			manualSerachHospital(e) {
				this.list1 = []
				this.list2 = []
				this.equipment_id = null
				this.equipmentData = {}
				this.$children[2].onClear()
				this.$children[1].onClear()
				this.$https.post('/hospital/search', {
					name: e.detail.value
				}).then(res => {
					this.hospitalList = res.data
					this.list = this.hospitalList.map(item => {
						return item.name
					})
					this.showList1Hospilal = true
				})
			},
			/* 手动搜索科室 */
			manualSerachDepartment(e) {
				this.list2 = []
				this.equipment_id = null
				this.equipmentData = {}
				this.$children[2].onClear()
				this.$https.post('/phase/getDepartment', {
					name: e.detail.value,
					hospital_id: this.hospital_id
				}).then(res => {
					console.log(res, 147);
					this.departmentList = res.data
					this.list1 = this.departmentList.map(item => {
						return item.name
					})
					this.showList2Hospilal = true
				})
			},
			xinghaoSerachEquipment(e) {
				this.xinghaoList = []
				this.list5 = []
				this.$https.post('/phase/getXinghaoByDepartmentId', {
					name: e.detail.value,
					department_id: this.departmentList_id,
					pinpai_id: this.pinpai_id
				}).then(res => {
					this.xinghaoList = res.data
					this.xinghaoList.forEach(item => {
						this.list5.push(item.name)
					})
					this.showList6Hospilal = true
				})
			},
			pinpaiSerachEquipment(e) {
				this.pinPaiList = []
				this.list4 = []
				this.$https.post('/phase/getPinpaiByDepartmentId', {
					name: e.detail.value,
					department_id: this.departmentList_id,
					leibie_id: this.equipment_id,
				}).then(res => {
					console.log(res.data, '--')
					this.pinPaiList = res.data
					this.pinPaiList.forEach(item => {
						this.list4.push(item.name)
					})
					console.log(this.pinPaiList, ',,,', this.list4)
					this.showList5Hospilal = true

				})
			},
			/* 手动搜索设备 */
			manualSerachEquipment(e) {
				this.equipmentList = []
				this.list2 = []
				this.$https.post('/phase/getLeibieByDepartmentId', {
					name: e.detail.value,
					department_id: this.departmentList_id,
				}).then(res => {
					this.equipmentList = res.data
					this.list2 = this.equipmentList.map(item => {
						return item.name
					})
					this.showList3Hospilal = true
				})
			},
			/* 手动搜索设备序号 */
			serialNoEquipment(e) {
				this.serialNoList = []
				this.list3 = []
				this.$https.post('/phase/getEquipmentByXinghaoIdAndDepartmentId', {
					department_id: this.departmentList_id,
					serial: e.detail.value,
					xinghao_id: this.xinghao_id
				}).then(res => {
					this.serialNoList = res.data
					this.serialNoList.forEach(item => {
						this.list3.push(item.serial)
					})
					console.log(this.serialNoList, '///', this.list3)
					this.showList4Hospilal = true
				})
			},
			/* 客户列表事件 */
			hospitalEven(e) {
				this.list1 = []
				this.list2 = []
				this.list3 = []
				this.list4 = []
				this.list5 = []
				this.equipment_id = null
				this.equipmentData = {}
				console.log(this.$children, '--this.$children---------')
				this.$children[5].onClear()
				this.$children[4].onClear()
				this.$children[3].onClear()
				this.$children[2].onClear()
				this.$children[1].onClear()
				let de_data = this.hospitalList.find(item => {
					return item.name == e.newVal
				})
				this.hospital_id = de_data.id
				this.getDepartment(this.hospital_id)
			},
			/* 科室事件 */
			departmentEven(e) {
				this.list2 = []
				this.list3 = []
				this.list4 = []
				this.list5 = []
				this.equipment_id = null
				this.equipmentData = {}
				this.$children[5].onClear()
				this.$children[4].onClear()
				this.$children[3].onClear()
				this.$children[2].onClear()
				let de_data = this.departmentList.find(item => {
					return item.name == e.newVal
				})
				this.departmentList_id = de_data.id
				this.getEquipmentList(this.departmentList_id)
			},
			pinpaiEven(e) {
				this.list3 = []
				this.list5 = []
				this.equipmentData = {}
				this.$children[5].onClear()
				this.$children[4].onClear()
				let de_data = this.pinPaiList.find(item => {
					return item.name == e.newVal
				})
				this.pinpai_id = de_data.id
				this.getXinghaoList(this.departmentList_id, this.pinpai_id)
			},
			xinghaoEven(e) {
				this.list3 = []
				this.equipmentData = {}
				this.$children[5].onClear()
				let de_data = this.xinghaoList.find(item => {
					return item.name == e.newVal
				})
				this.xinghao_id = de_data.id
				// 145 22
				this.getSerialNoList(this.departmentList_id, this.xinghao_id)
			},
			/* 类别 */
			equipmentEven(e) {
				this.list3 = []
				this.list4 = []
				this.list5 = []
				this.equipmentData = {}
				this.$children[4].onClear()
				this.$children[3].onClear()
				let de_data = this.equipmentList.find(item => {
					return item.name == e.newVal
				})
				this.equipment_id = de_data.id
				this.getPinpaiList(this.departmentList_id, this.equipment_id)

				// this.getEquipmentDetails(this.equipment_id)
			},
			bindDateChange(e) {
				this.yuyue_time = e.detail.value;
			},
			/* 设备序号事件 */
			serialNoEven(e) {
				console.log(e)
				let de_data = this.serialNoList.find(item => {
					return item.serial == e.newVal
				})
				this.serialNo_id = de_data.id
				console.log(this.serialNo_id, 'cccc')
				this.getEquipmentDetails(this.serialNo_id)
			},
			/* 获取设备信息 */
			getEquipmentDetails(id) {
				this.$https.post('/phase/getEquipment', {
					id: id
				}).then(res => {
					this.equipmentData = res.data
				})
			},


			/* 删除照片 */
			del_img(i) {
				this.imgs_list.splice(i, 1)
			},
			/* 图片上传 */
			upImgs() {
				const token = uni.getStorageSync('userInfo').token
				uni.chooseMedia({
					count: 9, // 默认9
					mediaType: ['image', 'video', 'mix'],
					sourceType: ['album', 'camera'],
					sizeType: ['original', 'compressed'],
					maxDuration: 30, // 拍摄时长s
					camera: 'back',
					success: res => {
						res.tempFiles.forEach(item => {
							uni.uploadFile({
								url: `${baseUrl}api/common/upload`, //仅为示例，非真实的接口地址
								filePath: item.tempFilePath,
								name: 'file',
								formData: {
									token: token // 上传附带参数
								},
								success: (res1) => {
									console.log(res1.data);
									if (res1.data.code == 0) {
										uni.showToast({
											title: res1.data.msg,
											duration: 1500,
											icon: 'error'
										})
									} else {
										let url = JSON.parse(res1.data).data.fullurl
										this.imgs_list.push({
											type: item.fileType,
											url: url
										})
									}
								},
								fail: (res3) => {
									uni.showToast({
										title: '上传失败',
										duration: 1500,
										icon: 'error'
									})
								}
							});
						})
					},
					fail: (res) => {
						uni.showToast({
							title: '上传失败',
							duration: 1500,
							icon: 'error'
						})
						console.log(res, 33);
					}
				})
			},
			isMobile(mobile) {
				return /^1[3-9]\d{9}$/.test(mobile)
			},
			/* 创建工单 */
			btnJump() {
				console.log(this.isSubmit, '------------提交-----------')
				if (this.isSubmit) return;


				if (!this.isMobile(this.mobile)) {
					uni.showToast({
						icon: 'none',
						title: '请输入正确的电话号码',
						duration: 1500
					})
					this.mobile = ''
				} else if (!this.contacts) {
					uni.showToast({
						icon: 'none',
						title: '请输入联系人姓名',
						duration: 1500
					})
				} else if (!this.warranty_type) {
					uni.showToast({
						icon: 'none',
						title: '请选择合同类型',
						duration: 1500
					})
				} else {
					this.isSubmit = true
					let imgs = this.imgs_list.map(i => i.url).toString()
					let params = {
						describe: this.describe,
						hospital_id: this.hospital_id,
						software_version: this.software_version,
						images: imgs,
						equipment_id: this.serialNo_id,
						// equipment_id: this.equipment_id,
						contacts: this.contacts,
						mobile: this.mobile,
						yuyue_time: this.yuyue_time,
						contract_status: this.warranty_type
					}
					this.$https.post('/warranty/add', params).then(res => {
						this.isSubmit = false
						uni.showToast({
							title: '提交成功',
							icon: 'none',
							duration: 1000,
							success: () => {
								setTimeout(() => {
									uni.redirectTo({
										url: '/pages/detail/detail?id=' + res.data
									})
								}, 1000)
							}
						})
					})
					setTimeout(() => {
						this.isSubmit = false
					}, 2000)
				}

			}

		}
	}
</script>

<style lang="scss" scoped>
	.uni-input {
		font-size: 28rpx;
		line-height: 50rpx;
		width: 600rpx;
		color: #B6BDBD;
	}

	.online {
		display: flex;
		align-items: center;
		z-index: 9999999999999999999999999;
		position: fixed;
		right: 0rpx;
		top: 900rpx;
		font-size: smaller;
		background-color: #1a66ff;
		color: #FFFFFF;
		padding: 10rpx 5rpx 10rpx 20rpx;
		border-radius: 20rpx 0 0 20rpx;

		image {
			width: 32rpx;
			height: 32rpx;
			margin-right: 15rpx;
		}
	}

	.fulNew {
		display: flex;
		justify-content: space-between;
		height: 100rpx;
		line-height: 100rpx;
		color: #3B3D3D;
		font-weight: 500;
		border-bottom: 2rpx solid #f6f7fb;
		background-color: #fff;
		font-size: 28rpx
	}

	.del_img {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 154rpx;
		height: 34rpx;
	}

	.submit {
		width: 622rpx;
		height: 80rpx;
		border-radius: 80rpx;
		background-color: $public-oclor;
		line-height: 80rpx;
		text-align: center;
		position: fixed;
		bottom: 20rpx;
		color: #FFFFFF;
		left: 9%;
		margin: 30rpx auto;
	}

	.repair_main {
		margin: 20rpx;
		position: absolute;
		padding-bottom: 140rpx;
		top: 9%;
		width: 94%;
		background-color: #fff;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.creatBg {
		width: 100%;
		height: 210rpx;
	}

	.repair-input {
		padding: 20rpx 32rpx;
		background-color: #f6f7fb;
		position: relative;
		background-color: #fff;

		.arrow {
			position: absolute;
			right: 60rpx;
			top: 50rpx;
			width: 0;
			height: 0;
			border-left: 15rpx solid transparent;
			border-right: 15rpx solid transparent;
			border-top: 30rpx solid #C6C7CB;
		}

		.hospital_list {
			position: absolute;
			z-index: 99;
			display: inline-block;
			box-sizing: border-box;
			top: 110rpx;
			height: 225rpx;
			overflow: hidden;
			border: 2rpx solid #f6f7fb;
			width: 90%;
			overflow-y: scroll;
			background-color: #FFFFFF;
			border-radius: 4rpx;

			view {
				padding-left: 20rpx;
				color: #C6C7CB;
				font-size: 24rpx;
				line-height: 42rpx;
			}
		}

		input {
			padding: 0 100rpx 0 50rpx;
			height: 88rpx;
			border-radius: 88rpx;
			background-color: #FFFFFF;
		}
	}

	.repair {
		background-color: #F5F6F8;
		min-height: 143vh;

		&-img {
			background-color: #fff;
			font-size: 28rpx;
			font-weight: 500;
			color: #3B3D3D;
			padding: 20rpx 0;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
		}

		&-mes {
			margin: 0 10rpx;
			padding: 20rpx 10rpx 6rpx;

			&_t {
				font-size: 28rpx;
				font-weight: 500;
				margin-bottom: 14rpx;
				color: #3B3D3D;
				line-height: 33rpx;
			}

			&_b {
				background-color: #F5F6F8;
				font-size: 28rpx;
				font-weight: 500;
				color: #3B3D3D;
				padding: 14rpx 20rpx;
				line-height: 50rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.arrow {
					width: 16rpx;
					height: 26rpx;
				}
			}
		}

		&-w {
			border-bottom: 20rpx solid #f6f7fb;

			&-q {
				padding: 58rpx 32rpx;

				&-p {
					font-size: 28rpx;
					color: #B6BDBD;
					line-height: 33rpx;
					margin-top: 40rpx;
				}

				&-i {
					display: flex;
					padding: 40rpx 0;
					flex-wrap: wrap;

					&-a {
						width: 154rpx;
						height: 154rpx;
						background: #F5F6F8;
						border-radius: 4rpx;
						position: relative;
						margin: 16rpx;

						image {
							border-radius: 4rpx;
						}
						.video-box {
							width: 100%;
							height: 100%;
							background-color: #31ea69;
							border-radius: 4rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							color: #fff;
						}
					}

					&-c {
						width: 154rpx;
						height: 154rpx;
						background: #F5F6F8;
						position: relative;
						margin: 18rpx;

						image {
							width: 32rpx;
							height: 32rpx;
							position: absolute;
							left: 50%;
							top: 50%;
							margin-top: -15rpx;
							margin-left: -15rpx;

						}
					}
				}

				&-t {
					border-bottom: 2rpx solid #f6f7fb;

					textarea {
						width: 100%;
					}
				}
			}

			&-n {
				padding: 20rpx 32rpx;
				background: linear-gradient(91deg, #e2ecfb 0%, rgba(255, 255, 255, 0) 100%);
				font-size: 28rpx;
				font-weight: 600;
				color: #6AA6FA;
				line-height: 33rpx;
			}
		}

		&-m {
			border-bottom: 20rpx solid #f6f7fb;

			&-n {
				padding: 20rpx 0rpx;
				// background: linear-gradient(86deg, rgba(226, 140, 129, 0.15) 0%, rgba(226, 140, 129, 0) 100%);
				font-size: 32rpx;
				font-weight: 600;
				color: #434343;
				line-height: 33rpx;
				display: flex;
				align-items: center;

				.repair-left {
					width: 10rpx;
					height: 40rpx;
					margin-right: 10rpx;
					background-color: #1A66FF;
				}
			}

			&-f {
				margin: 0 25rpx;
				padding: 32rpx 0;
				display: flex;
				justify-content: space-between;
				border-bottom: 2rpx solid #f6f7fb;
				align-items: center;

				&-n {
					font-size: 28rpx;
					font-weight: 500;
					color: #3B3D3D;
					line-height: 33rpx;
				}

				&-i {
					font-size: 28rpx;
					font-weight: 500;
					color: #3B3D3D;
					line-height: 33rpx;
				}
			}
		}
	}
</style>